<template>
	<view>
		<view class="item" v-for="(item,index) in institutions" @click="bindInstitutionDetail(item.id)">
			<view class="fs32 fwb col3 lh44 m-ellipsis">{{item.name}}</view>
			<view class="fs24 col6 lh32 mt10 m-ellipsis">{{item.purpose}} ｜ {{item.job_count}}个在发布培训</view>
			<view class="flex-box mt20">
				<image src="https://admin.mosizp.cn/static/public/icon_phone.png" mode="aspectFill" class="ico20"></image>
				<view class="flex-grow-1 pl15 m-ellipsis fs22 col9">{{item.contact_mobile}}</view>
			</view>
			<view class="flex-box mt15">
				<image src="https://admin.mosizp.cn/static/public/icon_address1.png" mode="aspectFill" class="ico20"></image>
				<view class="flex-grow-1 pl15 m-ellipsis fs22 col9">{{item.address}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "institution-list",
		props: {
			institutions: {
				type: Array,
				default: []
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			bindInstitutionDetail(id){
				uni.navigateTo({
					url: '/pages/user/institution_info?id='+id
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.item{
		width: 690rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,0,0,0.03);
		border-radius: 14rpx;
		border: 1px solid #EEEEEE;
		margin-top: 20rpx;
		padding: 25rpx 30rpx 30rpx;
	}

</style>